<template>
  <div :id="id" :style="{height:height,width:width}"></div>
</template>
<script>
  import chart from './mixins/chart'

  export default {
    name: 'Charts',
    mixins: [chart],
    data() {
      return {
      }
    },
    props: {
      chartData: {
        type: Object
      },
      width: {
        type: String,
        default: '200px'
      },
      height: {
        type: String,
        default: '200px'
      },
      id: {
        type: String,
        default: 'echart'
      }
    },
    mounted() {
    },
    methods: {},
    beforeDestroy() {
    }
  }
</script>
